<style scoped>
	.index_top{
		width: 100%;
		height: 50px;
		position: relative;
	}
	.index_{
		width: 1000px;
	    height: 50px;
	    line-height: 50px;
	   /* text-align: right;*/
	    position: relative;
	    left: 50%;
	    margin-left: -500px;
	    color: #FFFFFF;
	}
	.index_MenuItem{
		width: 90px;
		font-size: 17px;
	}
	.index_MenuItem_last{
		font-size: 13px;
		color: #CCCCCC;
	}
	.index_Menu_img{
		width: 18%;
		float: left;
		margin-top: 0px;
	}
	.info_img{
		border-radius: 100%;
		cursor: pointer;
		position: relative;
		right: -770px; 
		top: 8px;
		width: 35px;
	}
	.info_zhanghao{
		width: 320px;
	    position: absolute;
	    left: 680px;
		top: 50px;
	    padding: 10px;
	    background: #f8f8f9;
	    z-index: 1000;
	    border: 4px solid #2C3E50;
	    box-shadow: 10px 10px 2px #888888;
	}
	.info_Card{
		float: right;
	}
</style>
<template>
	<div class="index_top" style="background: #2E6CF0;">
	    <div class="index_">
	    	<img src="../../../../static/img/login_img/logo.png" class="index_Menu_img"/>
	    	<div class="index_img1" @mouseenter="enter(index)" @mouseleave="leave()">
	    		<img src="../../../../static/img/index_img/touxiang.gif" class="info_img"/>
	    	    <div class="info_zhanghao" v-show="index_text" >
			        <Card title="账号设置" icon="ios-options"  :padding="0" shadow style="width: 300px;" class="info_Card">
			            <CellGroup>
			            	<Cell  extra="退出" to="/components/button" />
			                <Cell title="马志新" extra="个人主页" to="/components/button" />
			                <Cell title="金卡服务" extra="查看" to="/components/button" />
			                <Cell title="购买记录" extra="查看" to="/components/button" />
			                <Cell title="求职进展" extra="查看" to="/components/button" />
			                <Cell title="职位收藏" extra="查看" to="/components/button" />
			                <Cell title="订阅职位" extra="查看" to="/components/button" />
			                <Cell title="账号隐私" extra="修改" to="/components/button" />
			                <Cell title="账号安全" extra="修改" to="/components/button" />
			                <Cell title="获得帮助" extra="查看" to="/components/button" />
			            </CellGroup>
			        </Card>
		       	</div>
	    	</div>
	    </div>
    </div>
</template>
<script>
    export default {
    	name: 'InfomMtion',
        data () {
            return {
                index_text: false
            }
        },
         methods:{
        	enter(index){
		        this.index_text = true;
     		},
		    leave(){
		        this.index_text = false;
			}
        }
         
     }     
</script>